<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>This is h1 header</h1>
    <h2>This is h2 header</h2>
    <h3>This is h3 header</h3>

    <p>段落标签是HTML中用于定义段落的基本元素。它不仅仅是文本内容的一个容器更是网页设计中的一个重要组成部分。通过标签设计师和开发者可以有效地组织和展示文本</p>
    <p>p标签是常用的段落标签用于标识文档中的段落。通过p标签我们可以将文本内容划分为不同的段落, 使得页面布局更加清晰易读。同时, p标签还可以配合CSS样式进行美化, 为网页增添更多的视觉效果。</p>
    <hr>
    
    <a href="http://baidu.com">百度</a>
    <br>
    <a href="mailto:123@gmail.com">发送邮件</a>
    <hr>

    <video controls loop width="100%" src="demo.mp4">
    </video>
    <hr>

    <h4>无序列表</h4>
    <ul>
        <li>土豆</li>
        <li>青椒</li>
        <li>西红柿</li>
        <li>洋葱</li>
    </ul>

    <h4>有序列表</h4>
    <ol type="A">
        <li>吃饭</li>
        <li>看电视</li>
        <li>睡觉</li>
    </ol>
    
</body>
</html>